<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>创建家庭谱-第二步</title>
    <link rel="stylesheet" href="font-family/iconfont.css">
    <link rel="stylesheet" href="../css/app-jpshow/jpshow_style.css">
    <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    <script src="js/jpshow.js"></script>
</head>
<body>
<div>
    <div class="text-center p-tb f16 text_dark bg_gray">
        第一步：填写家庭谱名
    </div>
    <div class="bg_white">
        <div class="jp-input p-t p-lr">
            <div class="weui-cell jp-input-cell">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" placeholder="杨薇的家庭谱">
                </div>
            </div>
            <div class="weui-cell m-t jp-input-cell">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" placeholder="设置家庭谱密码">
                </div>
            </div>
            <div class="weui-flex m-tb">
                <div class="weui-flex__item">
                    <div class="weui-cells weui-cells_checkbox">
                        <label class="weui-cell weui-check__label" for="s1">
                            <div class="weui-cell__hd">
                                <input type="radio" name="checkbox1" class="weui-check" id="s1">
                                <i class="weui-icon-checked"></i>
                            </div>
                            <div class="weui-cell__bd">
                                <p>公开</p>
                            </div>
                        </label>
                    </div>
                </div>
                <div class="weui-flex__item">
                    <div class="weui-cells weui-cells_checkbox">
                        <label class="weui-cell weui-check__label" for="s2">
                            <div class="weui-cell__hd">
                                <input type="radio" name="checkbox1" class="weui-check" id="s2" checked="checked">
                                <i class="weui-icon-checked"></i>
                            </div>
                            <div class="weui-cell__bd">
                                <p>亲人可见</p>
                            </div>
                        </label>
                    </div>
                </div>
                <div class="weui-flex__item">
                    <div class="weui-cells weui-cells_checkbox">
                        <label class="weui-cell weui-check__label" for="s3">
                            <div class="weui-cell__hd">
                                <input type="radio" name="checkbox1" class="weui-check" id="s3">
                                <i class="weui-icon-checked"></i>
                            </div>
                            <div class="weui-cell__bd">
                                <p>自己可见</p>
                            </div>
                        </label>
                    </div>
                </div>
            </div>
            <div class="jp-agree">
                <label for="weuiAgree" class="weui-agree">
                    <input id="weuiAgree" type="checkbox" class="weui-agree__checkbox" checked>
                    <span class="weui-agree__text">
                        自动导入家庭树数据
                    </span>
                </label>
            </div>
        </div>
        <div class="m-t p-lr">
            <a href="javascript:;" class="weui-btn weui-btn_default btn-theme f16">确认</a>
        </div>
    </div>
</div>
</body>
</html>